.header {
  background-color: #fff;
  padding: 0;
  .header-position {
    background-color: #fff;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    padding: 0 20px;
    position: fixed;
    box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
    .logo {
      display: inline-block;
      margin-top: 10px;
      margin-left: 50px;
      .logo_link {
        display: flex;
      }
      .top-title {
        margin-left: 100px;
        text-align: center;
        line-height: 40px;
        font-size: 20px;
        color: red;
      }
    }
    .top-menu {
      float: right;
      .ant-menu-item {
        border-bottom: 0px !important;
      }
    }
  }
  // .login_btn {
  //   position: absolute;
  //   right: 20px;
  //   top: 15px;
  // }

  // .avatar {
  //   position: absolute;
  //   right: 40px;
  //   top: 15px;
  // }
}
.window_content {
  padding: 0 180px;
}

.side {
  // height: 500px;
  .ant-layout-sider {
    background-color: #fff;
  }
  .ant-layout-sider-children {
    .side-right-card {
      margin-bottom: 30px;
      .board-msg {
        margin-bottom: 5px;
        color: #1890ff;
      }
    }
  }
}

.content {
  .post_card {
    // width: 1200px;
    width: 100%;
    float: right;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1200px) {
  .window_content {
    padding: 0 40px;
  }
}

// @media screen and (max-width: 1600px) {
//   .ant-layout-sider {
//     display: none;
//   }
//   .content {
//     .post_card {
//       width: 100%;
//     }
//   }
// }

@media screen and (max-width: 1600px) {
  .window_content {
    padding: 0 100px;
  }
}

@media screen and (max-width: 500px) {
  .window_content {
    padding: 0 0;
  }
}
